<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<section class="">
    <div class="row">
        <form id="personalDataForm" name="personalDataForm" >
            <!---->
            <section class="col-sm-12 form-horizontal">
            <div class="form-group form-column">
                <label class="col-sm-2 control-label text-right unFw"><span class="mr20">手机号码</span></label>
                <div class="col-sm-10 form-main pr">
                    <strong class="fs14 show">
                        <input name="id" type="hidden" th:value="${user['id']}">
                        <span class="fs12 c-ccc" th:if="${user['mobile']}==null or ${user['mobile']}==''">请填写常用手机，将用于找回自己的密码，非常重要</span>
                        <span th:if="${user['mobile']}!=null and ${user['mobile']}!=''" th:text="${user['mobile']}"></span><span class="fs12 c-ccc">（仅自己可见）</span>
                    </strong>
                    <a href="javascript:;" class="c-info fs14 pa updateMobileAndEmail" data-toggle="tooltip" data-placement="top" data-original-title="修改手机号">
                        <span th:if="${user['mobile']}==null or ${user['mobile']}==''">绑定</span>
                        <span th:if="${user['mobile']}!=null and ${user['mobile']}!=''">修改</span>
                    </a>
                    <hr>
                </div>
            </div>
            <div class="form-group form-column">
                <label class="col-sm-2 control-label text-right unFw"><span class="mr20">登录邮箱</span></label>
                <div class="col-sm-10 form-main pr">
                    <strong class="fs14 show">
                        <span th:if="${user['email']}==null or ${user['email']}==''" class="fs12 c-ccc">请填写常用邮箱，将用于找回自己的密码，非常重要</span>
                        <span th:if="${user['email']}!=null and ${user['email']}!=''" th:text="${user['email']}"></span><span class="fs12 c-ccc">（仅自己可见）</span>
                    </strong>
                    <a href="javascript:void (0);" class="c-info fs14 pa updateMobileAndEmail" data-toggle="tooltip" data-placement="top" data-original-title="修改邮箱">
                        <span th:if="${user['email']}==null or ${user['email']}==''">绑定</span>
                        <span th:if="${user['email']}!=null and ${user['email']}!=''">修改</span>
                    </a>
                    <hr>
                </div>
            </div>
            <div class="form-group form-column">
                <label class="col-sm-2 control-label unFw text-right"><span class="mr20"><tt class="c-danger fs12 mr5">*</tt>昵称</span></label>
                <div class="col-sm-10 form-main">
                    <input placeholder="给自己起个名字吧，这次可是你自己做主了，不要再怨父母啦，含有敏感词会变成*号" name="nickname" th:value="${user['nickname']}" class="form-control" type="text">
                    <hr>
                </div>
            </div>
            <div class="form-group form-column">
                <label class="col-sm-2 control-label unFw text-right"><span class="mr20">性别</span></label>
                <div class="col-sm-10 radio form-main">
                    <label style="padding-left: 20px;">
                        <input  th:checked="${user['gender']}==0" value="0" id="optionsRadios3" name="gender" type="radio">保密</label>

                    <label class="ml20">
                        <input  th:checked="${user['gender']}==2" value="2" id="optionsRadios2" name="gender" type="radio">女同学</label>
                    <label class="ml20">
                        <input  th:checked="${user['gender']}==1" value="1" id="optionsRadios1" name="gender" type="radio">
                        男同学</label>
                    <hr>
                </div>
            </div>
            <div class="form-group form-column">
                <label class="col-sm-2 control-label unFw text-right"><span class="mr20">真实姓名</span></label>
                <div class="col-sm-10 form-main">
                    <input placeholder="请输入真实姓名" class="form-control" name="realName" type="text" th:value="${user['realName']}" >
                    <hr>
                </div>
            </div>
            <div class="form-group form-column">
                <label class="col-sm-2 control-label unFw text-right"><span class="mr20">生日</span></label>
                <div class="col-sm-10 form-main">
                    <input placeholder="准确的填写生日信息，会有意外惊喜哦~~" name="birthday"  th:value="${user['birthday']!=null?#strings.substring(user['birthday'],0,10):null}" id="startDate" class="form-control layer-date" type="text">
                    <hr>
                </div>
            </div>
            <div class="form-group form-column">
                <label class="col-sm-2 control-label unFw text-right"><span class="mr20">个人简介</span></label>
                <div class="col-sm-9 form-text">
                    <textarea rows="5" name="userInfo" class="form-control" th:text="${user['userInfo']}"></textarea>
                    <p class="mt5"><span class="fs12 c-ccc">用一段话介绍你自己，会在你的个人页面显示，最多输入80个字</span></p>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label unFw">&nbsp;</label>
                <div class="col-sm-9 text-right" style="width: 78%;">
                    <button type="button" id="submitPersonalDataForm" class="btn btn-info btn-rounded mt10">保存信息</button>
                </div>
            </div>
        </section>
        </form>
    </div>
</section>